<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>抽取招标代理机构</title>
    <link rel="icon" href="favicon.ico" type="image/ico">
    <meta name="keywords" content="沧州市文化广电和旅游局抽取招标代理机构管理系统">
    <meta name="description" content="沧州市文化广电和旅游局抽取招标代理机构管理系统是一个基于Bootstrap v3.3.7的后台管理系统。">
    <meta name="author" content="mzl">
    <link rel="stylesheet" href="styles.css">
    <link href="/admin/css/bootstrap.min.css" rel="stylesheet">
    <link href="/admin/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="/admin/css/style.min.css" rel="stylesheet">
</head>
<body >
    <div class="container">
        <div style="text-align: center;width: 1000px;margin-bottom: 20px">
            <a style="font-size: 30px;  color:black">
                沧州市文化广电和旅游局抽取招标代理机构系统抽取页面
            </a>
        </div>
        <div class="wheel" id="companyList">
        </div>
        <div >
            <input type="text" class="noneDisplay"  disabled id="projectId">
            <span style="font-size: 16px"> 已选择项目名称：</span>
            <input  type="text" disabled id="projectName"
                   name="projectName" placeholder="暂未选择抽奖项目，请点击项目列表按钮选择项目" value=""  />
            <a class="btn btn-primary m-r-5" href="#!" id="projectSelect">项目列表</a>
            <a class="btn btn-primary m-r-5" href="#!" id="spinButton">抽取代理机构</a>
        </div>

<!--        <select id="projectList" name="projectList" class="noneDisplay">-->
<!--            <option value="">请选择项目进行抽取</option>-->
<!--        </select>-->

    </div>
    <div id="resultModal" class="modal">
        <div class="modal-content">
            <span class="close">&times;</span>
            <p id="resultText"></p>
        </div>
    </div>
    <div class="modal" id="projectListPage" style="display: none">
        <div class="modal-content">
            <div class="table-responsive" >
                <table class="table table-bordered" data-resizable-columns-id="projectTable" style="border:  1px solid #888; max-height: 400px; overflow-y: auto;">
                    <thead>
                    <tr style="background-color: #cccccc;">
                        <th class="noneDisplay">
                            id
                        </th>
                        <th data-resizable-column-id="projectCode" style="width: 30% ;text-align: center">项目编号</th>
                        <th data-resizable-column-id="projectName" style="text-align: center">项目名称</th>
                    </tr>
                    </thead>
                    <tbody id="projectList" >

                    </tbody>
                </table>

            </div>
            <div style="text-align: center;margin-top: 10px">
                <a class="btn btn-primary m-r-5" href="#!" id="selectOne">选择</a>
                <a class="btn btn-primary m-r-5" href="#!" id="closeList">关闭</a>
            </div>

        </div>
    </div>
    <script type="text/javascript" src="/admin/js/jquery.min.js"></script>
    <script type="text/javascript" src="/admin/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/admin/js/perfect-scrollbar.min.js"></script>

    <script type="text/javascript" src="/admin/js/bootstrap-notify.min.js"></script>
    <script type="text/javascript" src="/admin/js/lightyear.js"></script>
    <script src="scripts.js"></script>
</body>
</html>
